﻿<MContainer>
    <MRow Class="flex-child">
        <MCol Class="d-flex"
              Cols="12"
              Md="4">
            <MSheet Class="d-flex"
                    Color="grey lighten-3"
                    Height="424">
                <MSheet Class="mt-auto align-center justify-center d-flex px-2"
                        Color="rgba(0, 0, 0, .36)"
                        Dark
                        Height="50">
                    #1: (3r x 2c)
                </MSheet>
            </MSheet>
        </MCol>
        <MCol Class="d-flex"
              Cols="12"
              Md="4">
            <MRow Class="ma-n3">
                <MCol Cols="6">
                    <MSheet Class="d-flex"
                            Color="green lighten-3"
                            Height="150">
                        <MSheet Class="mt-auto align-center justify-center d-flex px-2"
                                Color="rgba(0, 0, 0, .36)"
                                Dark
                                Height="50">
                            #2: (1r x 1c)
                        </MSheet>
                    </MSheet>
                </MCol>

                <MCol Cols="6">
                    <MSheet Class="d-flex"
                            Color="yellow lighten-3"
                            Height="150">
                        <MSheet Class="mt-auto align-center justify-center d-flex px-2"
                                Color="rgba(0, 0, 0, .36)"
                                Dark
                                Height="50">
                            #3: (1r x 1c)
                        </MSheet>
                    </MSheet>
                </MCol>

                <MCol Cols="12">
                    <MSheet Class="d-flex"
                            Color="red lighten-3"
                            Height="250">
                        <MSheet Class="mt-auto align-center justify-center d-flex px-2"
                                Color="rgba(0, 0, 0, .36)"
                                Dark
                                Height="50">
                            #5: (2r x 2c)
                        </MSheet>
                    </MSheet>
                </MCol>
            </MRow>
        </MCol>

        <MCol Cols="6"
              Md="2">
            <MSheet Class="d-flex"
                    Color="teal lighten-3"
                    Height="300">
                <MSheet Class="mt-auto align-center justify-center d-flex px-2"
                        Color="rgba(0, 0, 0, .36)"
                        Dark
                        Height="50">
                    #4: (2r x 1c)
                </MSheet>
            </MSheet>
        </MCol>

        <MCol Class="d-flex"
              Cols="6"
              Md="2">
            <MSheet Class="d-flex mt-auto"
                    Color="purple lighten-3"
                    Height="300">
                <MSheet Class="mt-auto align-center justify-center d-flex px-2"
                        Color="rgba(0, 0, 0, .36)"
                        Dark
                        Height="50">
                    #6: (2r x 1c)
                </MSheet>
            </MSheet>
        </MCol>
    </MRow>
</MContainer>



